<%-- 
    Document   : gestiones
    Created on : 16-jun-2012, 11:26:01
    Author     : Administrador
--%>
<%@page import="com.javabeans.TipoGestion"%>
<%@page import="com.javabeans.Facultad"%>
<%@page import="com.javabeans.Gestion"%>
<%@include file="../../../../controlSession.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    List<Facultad> facultades = (List<Facultad>)request.getAttribute("facultades");
    List<TipoGestion> tipoGestiones = (List<TipoGestion>)request.getAttribute("tipoGestiones");
    List<Gestion> gestiones = (List<Gestion>)request.getAttribute("gestiones");
    List<Gestion> gestionesPasadas = (List<Gestion>)request.getAttribute("gestionesPasadas");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM </title>
        <meta name="description" content="Derechos Reservados SI-ESFM." />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/themes/start/jquery-ui-1.8.20.custom.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/validate/jquery.validate.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.core.min.js"></script>  <!--si o si cargar esto-->
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.position.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.mouse.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.button.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.draggable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.resizable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.dialog.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.effects.core.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.datepicker.min.js"></script>
        
        <script type="text/javascript" src="<%=s_path%>/js/comun.js"></script>
        <script type="text/javascript">
            
            <%
                int i = 0;
                out.println(" tipoGestiones = new Array();");
                for(TipoGestion tg : tipoGestiones){
                    out.println(" tipoGestiones["+i+"] = new Array("+tg.getIdTipoGestion()+",'"+tg.getNombre()+"',"+tg.getIdFacultad()+")");
                    i++;
                }
                i = 0;
            %>
            
            $(document).ready(function(){
                // rango de fecha
                $( "#fechaIni" ).datepicker({
			defaultDate: "+1w",
			changeMonth: true,
                        changeYear: true,
			numberOfMonths: 2,
			onSelect: function( selectedDate ) {
				$( "#fechaFin" ).datepicker( "option", "minDate", selectedDate );
			}
		});
		$( "#fechaFin" ).datepicker({
			defaultDate: "+1w",
			changeMonth: true,
			numberOfMonths: 3,
			onSelect: function( selectedDate ) {
				$( "#fechaIni" ).datepicker( "option", "maxDate", selectedDate );
			}
		});
                
                $("#dialogo").dialog({
                    autoOpen: false,
                    title: "Formulario Gesti\u00f3n",
                    height: 300,
                    width: 550,
                    modal: true,
                    buttons: {
                        "Aceptar": function() {
                            var flag = $("#formGestion").valid();
                            if(flag){
                                $("#idTipoGestion option:selected").each(function (){
                                    tipoGest = $(this).text();
                                    year = $("input[name='year']:checked").val();
                                    $("#nombre").val(tipoGest+" "+year);
                                });
                                $.ajax({
                                    type: 'POST',
                                    url: 'Administracion',
                                    data: $('#formGestion').serialize(),
                                    success: function(res){
                                        $('#listGestiones').html(res);
                                    },
                                    error:function(){alert("Error! al registrar la gesti\u00f3n")}
                                });
                                $( this ).dialog( "close" );
                            }
                        },
                        Cancelar: function() {
                            $( this ).dialog( "close" );
                        }
                    },
                    close: function() {
                        // implementar lo que convenga
                    }
		});
                
               // boton add unidad academica
               $.fn.addGestion = function(){
                    $('#formGestion').each(function(){
                        this.reset();
                    });
                    resetFacultad();
                    resetTipoGestion();
                    $("#yearActual").attr("checked", "true");
                    $("#titleForm").text("Nueva Gesti\u00f3n");
                    $("#accion").val("104");
                    $( "#dialog:ui-dialog" ).dialog( "destroy" );
                    $( "#dialogo" ).dialog( "open" );
                    $("#idFacultad").focus();
               }
               
               // modificar unidad academica
                $.fn.editar = function(idFacultad,idGestion,nombre){
                    var year = 0;
                    var idTipoGestion = 0;
                    year = $("#year"+idGestion).val();
                    idTipoGestion = $("#idTipoGestion"+idGestion).val();
                    $('#formGestion').each(function(){
                        this.reset();
                    });
                    // seleccionamos la unidad académica correspondiente
                    $("#idFacultad option").each(function (){
                        if($(this).val() == idFacultad){
                            $(this).attr("selected", "true");
                        }
                    });
                    $("#idTipoGestion option").each(function (){
                        if($(this).val() == idTipoGestion){
                            $(this).attr("selected", "true");
                        }
                    });
                    $("input[name='year']").each(function(){
                        if($(this).val() == year){
                            $(this).attr('checked',"true")
                        }
                    });
                    $("#titleForm").text("Modificar Gesti\u00f3n");
                    $("#accion").val("105");
                    $("#nombre").val(nombre);
                    $("#fechaIni").val($("#fechaIni"+idGestion).val());
                    $("#fechaFin").val($("#fechaFin"+idGestion).val());
                    $("#idGestion").val(idGestion);
                    $( "#dialog:ui-dialog" ).dialog( "destroy" );
                    $("#dialogo").dialog("open");
                }
               
                // elimina gestion
                $.fn.eliminar = function(idGestion,nombre){
                    if(confirm("¿Esta seguro de eliminar la gesti\u00f3n ''"+nombre+"''?")){
                        $.ajax({
                            url: "Administracion",
                            type: "GET",
                            data:{ accion:106 , idGestion:idGestion, nombre:nombre },
                            success:function(res){
                                $('#listGestiones').html(res);
                            },
                            error: function(res){ alert("Error! al eliminar la gesti\u00f3n."); }
                        });
                    }
                }
                
                // cierra una gestiónn
                $.fn.closeGest = function(idFacultad,idGestion,nombre){
                    if(confirm("¿Esta seguro de cerrar la gesti\u00f3n ''"+nombre+"''?")){
                        $.ajax({
                            url: "Administracion",
                            type: "GET",
                            data:{ accion:107 , idGestion:idGestion,idFacultad:idFacultad, nombre:nombre },
                            success:function(res){
                                $('#listGestiones').html(res);
                            },
                            error: function(res){ alert("Error! al cerrar la gesti\u00f3n."); }
                        });
                    }
                }
                
                $("#idFacultad").change(function(){ 
                    $("#idFacultad option:selected").each(function (){
                        idFacultad = $(this).val();
                        if(idFacultad != ""){
                            cargarFacultades(idFacultad);
                            if($("#ultimoEstado"+idFacultad).length){
                                ultimoEstado = $("#ultimoEstado"+idFacultad).val();
                                if(ultimoEstado == 2){
                                    alert("Usted no puede a\u00f1adir una nueva gesti\u00f3n, existe una en espera o cierre la gesti\u00f3;n vigente!");
                                    resetFacultad();
                                }else{
                                    ultimoEstado = parseInt(ultimoEstado, 10) + 1;
                                    $("#estado").val(ultimoEstado);
                                }
                            }else{ // en caso de que no exista ninguna 
                                $("#estado").val("1");
                            }
                        }
                    });
                });
                
            });
            
            function cargarFacultades(idFacultad){
                var lista = document.getElementById("idTipoGestion");
                var j = 2;
                var k = 1;
                lista.selectedIndex = 0;
                for(i = 0; i<tipoGestiones.length; i++){
                    if(idFacultad == tipoGestiones[i][2]){
                        lista.length = j;
                        lista.options[k].value = tipoGestiones[i][0];
                        lista.options[k].text = tipoGestiones[i][1];
                        k++;
                        j++;
                    }
                }
                if(j == 2)
                    lista.length = 1;
            }
            
            function resetFacultad(){
                document.getElementById("idFacultad").selectedIndex = 0;
            }
            function resetTipoGestion(){
                document.getElementById("idTipoGestion").selectedIndex = 0;
            }
            
        </script>
    </head>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../../../../head.jsp" %>
            
            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                        <li><a>Home</a></li>
                        <li><span style="color:#666">Administraci&oacute;n</span></li>
                        <li><span style="color:#666">Administraci&oacute;n Acad&eacute;mico</span></li>
                        <li class="current-page"><span class="end"><span class="middle">Gestiones</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                
                <div id="principal">
                    <!-- izquierda -->
                    <div class="cuerpo2" style="border: 0px solid">
                        <div class="izq" style="border: 0px solid">
                           <%@include file="../../../../bodyIzq.jsp" %>
                        </div>
                        <div class="der" style="border: 0px solid">
                            <center>
                            <div id="listGestiones">
                                
                            <h2 class="decorado">Gestiones Vigente y Futuras</h2>
                            <table class="miReporte" style="width: 100%">
                                <tr>
                                    <td style="text-align: right"><input type="button" class="boton" value="A&ntilde;adir Nueva Gesti&oacute;n" onclick="$.fn.addGestion()"/></td>
                                </tr>
                            </table>
                            <table class="tabla_decorado" style="width: 100%">
                                <thead>
                                    <tr><!--  -->
                                        <th width="5%" class="th_decoradoRowspan">CIUDAD</th>
                                        <th width="25%" class="th_decoradoRowspan">UNIDAD ACAD&Eacute;MICA</th>
                                        <th width="15%" class="th_decoradoRowspan">GESTION</th>
                                        <th width="10%" class="th_decoradoRowspan">ESTADO</th>
                                        <th width="5%" class="th_decoradoRowspan">A&Ntilde;o</th>
                                        <th width="10%" class="th_decoradoRowspan">FECHA INICIO</th>
                                        <th width="10%" class="th_decoradoRowspan">FECHA FIN</th>
                                        <th width="20%" class="th_decoradoRowspan" colspan="3">ACCIONES</th>
                                    </tr>
                                </thead>
                                <tbody>
                            <%
                                i = 1;
                                String aux = "";
                                int idFacultadAnt = 0;
                                int estadoAnt = 0;
                                for(Gestion g : gestiones){
                                    if(g.getEstado() == 1)
                                        aux = "VIGENTE";
                                    else
                                        aux = "EN ESPERA";
                            %>          
                                    <tr class="tr_decorado">
                                        <td class="th_decorado"><%=g.getFacultad().getDepartamento().getSigla()%></td>
                                        <td class="th_decorado"><%=g.getFacultad().getNombre()%></td>
                                        <td class="th_decorado"><%=g.getNombre()%></td>
                                        <td class="th_decorado"><%=aux%></td>
                                        <td class="th_decorado"><%=g.getYear()%></td>
                                        <td class="th_decorado"><%=g.getFechaIni()%></td>
                                        <td class="th_decorado"><%=g.getFechaFin()%></td>
                                        <td class="td_decoradoDerecha" style="text-align: center">
                                      <% if(g.getEstado() == 1){%>      
                                      <input type="button" value="Cerrar Gesti&oacute;n" onclick="$.fn.closeGest(<%=g.getIdFacultad()%>,<%=g.getIdGestion()%>,'<%=g.getNombre()+", de la unidad acad&eacute;mica "+g.getFacultad().getNombre()%>')" class="botonRep" title="Pulsa aqui para cerrar la gesti&oacute;n"/>
                                        <%}else System.out.println("&nbsp;");
                                        %>
                                        </td>
                                        <td class="td_decoradoDerecha" style="text-align: center">
                                            <input type="button" value="Editar" onClick="$.fn.editar(<%=g.getIdFacultad()%>,<%=g.getIdGestion()%>,'<%=g.getNombre()%>')" class="botonRep" title="Pulsa aqui para dar de baja la gesti&oacute;n"/>
                                        </td>
                                        <td class="td_decoradoDerecha" style="text-align: center">
                                            <input type="button" value="Eliminar" onClick="$.fn.eliminar(<%=g.getIdGestion()%>,'<%=g.getNombre()+", de la Unidad Acad&eacute;mica "+g.getFacultad().getNombre()%>')" class="botonRep" title="Pulsa aqui para eliminar la gesti&oacute;n"/>
                                        </td>
                                    </tr>
                                    <input type="hidden" name="year" id="year<%=g.getIdGestion()%>" value="<%=g.getYear()%>" />
                                    <input type="hidden" name="fechaIni" id="fechaIni<%=g.getIdGestion()%>" value="<%=g.getFechaIni()%>" />
                                    <input type="hidden" name="fechaFin" id="fechaFin<%=g.getIdGestion()%>" value="<%=g.getFechaFin()%>" />
                                    <input type="hidden" name="estado" id="estado<%=g.getIdGestion()%>" value="<%=g.getEstado()%>" />
                                    <input type="hidden" name="idTipoGestion" id="idTipoGestion<%=g.getIdGestion()%>" value="<%=g.getIdTipoGestion()%>" />
                                    <input type="hidden" name="nomTipoGestion" id="nomTipoGestion<%=g.getIdGestion()%>" value="<%=g.getNomTipoGestion()%>" />
                            <%      
                                    if(i != 1 && idFacultadAnt != g.getIdFacultad())
                                        out.println("<input type='hidden' name='ultimoEstado' id='ultimoEstado"+idFacultadAnt+"' value='"+estadoAnt+"' />");
                                    estadoAnt = g.getEstado();
                                    idFacultadAnt = g.getIdFacultad();
                                    i++;
                                }
                                if(i == 1){
                                    out.write("<tr class='tr_decorado'>");
                                    out.write("     <td class='td_decorado' colspan='10' style='text-align:center'><span style='color:red'>No existe gesti&oacute;n vigente!</span></td>");
                                    out.write("</tr>");
                                }else
                                    out.println("<input type='hidden' name='ultimoEstado' id='ultimoEstado"+idFacultadAnt+"' value='"+estadoAnt+"' />");
                            %>
                                </tbody>
                            </table>
                            <br/>
                            <h2 class="decorado">Gestiones Pasadas</h2>
                            <table class="tabla_decorado" style="width: 100%">
                                <thead>
                                    <tr><!--  -->
                                        <th width="5%" class="th_decoradoRowspan">CIUDAD</th>
                                        <th width="30%" class="th_decoradoRowspan">UNIDAD ACAD&Eacute;MICA</th>
                                        <th width="20%" class="th_decoradoRowspan">GESTI&Oacute;N</th>
                                        <th width="5%" class="th_decoradoRowspan">A&Ntilde;O</th>
                                        <th width="20%" class="th_decoradoRowspan">ESTADO</th>
                                        <th width="10%" class="th_decoradoRowspan">FECHA INICIO</th>
                                        <th width="10%" class="th_decoradoRowspan">FECHA FIN.</th>
                                    </tr>
                                </thead>
                                <tbody>
                            <%
                                i = 1;
                                for(Gestion g : gestionesPasadas){
                            %>          
                                    <tr class="tr_decorado">
                                        <td class="th_decorado"><%=g.getFacultad().getDepartamento().getSigla()%></td>
                                        <td class="th_decorado"><%=g.getFacultad().getNombre()%></td>
                                        <td class="th_decorado"><%=g.getNombre()%></td>
                                        <td class="th_decorado"><%=g.getYear()%></td>
                                        <td class="th_decorado">GESTION PASADA</td>
                                        <td class="th_decorado"><%=g.getFechaIni()%></td>
                                        <td class="th_decorado"><%=g.getFechaFin()%></td>
                                    </tr>
                            <%      i++;
                                }
                                if(i == 1){
                                    out.write("<tr class='tr_decorado'>");
                                    out.write("     <td class='td_decorado' colspan='7' style='text-align:center'><span style='color:red'>No existen gestiones pasadas!</span></td>");
                                    out.write("</tr>");
                                }
                            %>
                                </tbody>
                            </table>
                            </div> <!-- End id="listGestiones" -->
                                
                            <div id="dialogo"><br/>
                                <h2 class="decorado" id="titleForm"></h2><br/>
                                <form id="formGestion">
                                    <input type="hidden" name="accion" id="accion" value="0" />
                                    <input type="hidden" name="idGestion" id="idGestion" value="0" />
                                    <input type="hidden" name="nombre" id="nombre" value="" />
                                    <input type="hidden" name="estado" id="estado" value="0" />
                                    <div style="clear:both;">
                                        <label class="form_align35" >Unidad Acad&eacute;mica: </label>
                                        <select name="idFacultad" id="idFacultad" class="required form_input_align" title="Seleccione una unidad acad&eacute;mica">
                                        <%
                                            out.println("<option value=''>Seleccione</option>");
                                            for(Facultad f:facultades)
                                                out.println("<option value='"+f.getIdFacultad()+"'>"+f.getNombre()+"</option>");
                                        %>
                                        </select>
                                        <label class="error">*</label>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align35" >Tipo Gesti&oacute;n: </label>
                                        <select name="idTipoGestion" id="idTipoGestion" class="required form_input_align" title="Seleccione un tipo gesti&oacute;n">
                                        <%
                                            out.println("<option value=''>Seleccione</option>");
                                        %>
                                        </select>
                                        <label class="error">*</label>
                                    </div>
                                    <%
                                        int year = s_now.get(Calendar.YEAR);
                                    %>    
                                    <div style="clear:both;">
                                        <label class="form_align35" >A&Ntilde;O: </label>
                                        <input type="radio" name="year" value="<%=year%>" class="form_input_align"/>&nbsp;<%=year-1%> &nbsp;&nbsp;
                                        <input type="radio" name="year" id="yearActual" value="<%=year%>" checked="true"/>&nbsp;<%=year%> &nbsp;&nbsp;
                                        <input type="radio" name="year" value="<%=year+1%>" />&nbsp;<%=year+1%>&nbsp;&nbsp;                                        <label class="error">*</label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align35">Fecha :</label>
                                        &nbsp;Del&nbsp;<input type="text" name="fechaIni" id="fechaIni" class="form_input_align_NoFloat required" size="10"/>
                                        <label for="fechaFin">Al</label>
                                        <input type="text" name="fechaFin" id="fechaFin" class="form_input_align_NoFloat required" size="10"/>
                                        <label class="error">*</label>
                                    </div>
                                </form>
                            </div> <!-- FIN DIV id="dialogo" -->
                                
                            </center>
                        </div>
                    </div><!--end of leftPan-->
                    
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            
            <!-- footer -->
        </div>
    </body>
</html>
